<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="renderer" content="webkit">
    <!-- 目前仅限360急速浏览 webkit:急速  ie-comp:ie兼容模式   ie-stand: ie标准模式 -->

    <title>万木空间</title>
    <link rel='dns-prefetch' href='//cdn.bootcss.com' />
    <link rel='dns-prefetch' href='//fonts.googleapis.com' />
    <link rel='dns-prefetch' href='//s.w.org' />
    <!-- <link rel="preload" href="https://at.alicdn.com/t/font_2832234_1mzzxrj78vd.woff2" as="font" type="font/woff2"
        crossorigin="anonymous"> -->
    <!-- <link rel="alternate" type="application/rss+xml" title="Animate中文网 &raquo; Feed" href="http://www.animate.net.cn/feed" />
    <link rel="alternate" type="application/rss+xml" title="Animate中文网 &raquo; 评论Feed" href="http://www.animate.net.cn/comments/feed" /> -->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcdn.net/ajax/libs/Swiper/4.3.5/css/swiper.min.css" rel="stylesheet">
    <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
    <!-- <link rel="stylesheet" type="text/css" href="assets/index.css" media="all" /> -->
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_2832234_7orf7mhke13.css">
    <link rel="stylesheet" type="text/css" href="../assets/css/index.css">
    <link rel="icon" href="../assets/imgs/logo/logo-64.png" type="image/png" />
</head>

<body>
    <!-- Begin Header -->
    <!-- 整站通用的头部及导航条 -->


    <header class="navbar main-menu sticky-nav">
        <!-- Navigation -->
        <nav class=" main-menu" role="navigation">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse"
                        data-target=".navbar-main-collapse">
                        <span class="sr-only">导航栏</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand page-scroll" href="#page-top">
                        <img src="./assets/imgs/logo/logo-300.20.png" alt="" style="margin-top: 10px;">
                    </a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
                    <ul class="nav navbar-nav">
                        <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
                        <li class="hidden active"><a href="#page-top"></a></li>
                        <li><a class="page-scroll" href="#section-intro">首页</a></li>
                        <li><a class="page-scroll" href="#section-speaker">全球临展</a></li>
                        <li><a class="page-scroll" href="#section-ajenda">展厅招展</a></li>
                        <li><a class="page-scroll" href="#section-pricing">参展攻略</a></li>
                        <li><a class="page-scroll" href="#section-partner">关于我们</a></li>
                        <li><a class="page-scroll" href="#section-venue">联系我们</a></li>

                    </ul>
                </div>


                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>

        <!-- .nav -->

    </header>


    <div class="container">
        <div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper mySwiper2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./images/nature-1.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-2.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-3.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-4.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-5.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-6.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-7.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-8.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-9.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-10.jpg" />
                </div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
        <div thumbsSlider="" class="swiper mySwiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./images/nature-1.jpg" />
                </div>

                <div class="swiper-slide">
                    <img src="./images/nature-2.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-3.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-4.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-5.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-6.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-7.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-8.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-9.jpg" />
                </div>
                <div class="swiper-slide">
                    <img src="./images/nature-10.jpg" />
                </div>
            </div>
        </div>
    </div>


    <div id="footer">
        <div class="container">
            <div class="row">
                <!-- <div class="col-xs-6 col-sm-2 footer-item">
                    <div class="footer-list">
                        <h4>常用工具</h4>
                        <ul>
                            <li><a href="http://www.clantrip.com/code" target="_blank">电码查询</a></li>
                            <li><a href="http://www.clantrip.com/index.php?m=content&amp;c=index&amp;a=show&amp;catid=12&amp;id=36#track">护照追踪</a></li>
                            <li><a href="http://www.clantrip.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=14">资料下载</a></li>
                        </ul>
                    </div>
                </div> -->
                <div class="col-xs-6 col-sm-2 footer-item">
                    <div class="footer-list">
                        <h4>快捷裢接</h4>
                        <ul>
                            <li><a>全球临展</a></li>
                            <li><a>展厅招展</a></li>
                            <li><a>参照攻略</a></li>
                            <li><a>关于我们</a></li>
                            <li><a>联系我们</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-2 footer-item">
                    <div class="footer-list">
                        <h4>关于我们</h4>
                        <ul>
                            <li><a
                                    href="http://www.clantrip.com/index.php?m=content&amp;c=index&amp;a=show&amp;catid=11&amp;id=17">关于中岚</a>
                            </li>
                            <li><a
                                    href="http://www.clantrip.com/index.php?m=content&amp;c=index&amp;a=show&amp;catid=11&amp;id=19">服务协议</a>
                            </li>
                            <li><a href="javascript:AddFavorite('木风阁','http://www.wanmukj.com/');">收藏本站</a></li>
                        </ul>
                    </div>
                </div>

                <div class="col-xs-6 col-sm-2 footer-item">
                    <div class="footer-list">
                        <h4>联系我们</h4>
                        <ul>
                            <li><a href="http://www.clantrip.com/code" target="_blank">电码查询</a></li>
                            <li><a
                                    href="http://www.clantrip.com/index.php?m=content&amp;c=index&amp;a=show&amp;catid=12&amp;id=36#track">护照追踪</a>
                            </li>
                            <li><a
                                    href="http://www.clantrip.com/index.php?m=content&amp;c=index&amp;a=lists&amp;catid=14">资料下载</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-xs-6 col-sm-2 footer-item">
                    <div class="footer-list footer-wechat">
                        <h4>关注我们</h4>
                        <img class="img-responsive" src="./assets/imgs/temp/wchart-yd.jpg">
                        <!-- <p><sapn class="hidden-sm">号:</sapn>jhjy2012</p> -->
                    </div>
                </div>
                <div class="col-xs-12 col-sm-4 footer-item footer-item-last">
                    <div class="footer-list  footer-contact">
                        <h4>在线留言</h4>
                        <div class="row msgform">
                            <div class="col-sm-6">
                                <input type="text" name="textfield1" class="form-control" placeholder="联系人" form="sub">
                            </div>
                            <div class="col-sm-6">
                                <input type="text" name="textfield2" class="form-control" placeholder="电话" form="sub">
                            </div>
                            <div class="col-sm-12">
                                <input type="text" name="textfield3" class="form-control" placeholder="企业名称" form="sub">
                            </div>
                            <div class="col-sm-12">
                                <textarea name="textarea1" rows="6" class="form-control" placeholder="留言内容"
                                    form="sub"></textarea>
                            </div>
                            <div class="col-sm-12">
                                <input type="hidden" value="http://kmsoft.com.cn/index.aspx" name="h1">
                                <input type="submit" class="btn-foot-submit" value="提交" style="border:none">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="lower-footer">


            <p>Made with<span><i class="fa fa-heart-o"></i></span>by <a href="http://www.genban.org">Template-Geek</a> |
                Copyright 2015</p>
            <p>京公网安备 11010102002687号</p>
        </div>
    </div>


    <!-- 返回顶部滑块 -->
    <div id="clan-slider">
        <ul>
            <li class="hidden-xs">
                <a id="slider-chat" class="web-chat" href="javascript:;">
                    <span class="iconfont icon-wmkjqq"></span>
                </a>
                <div class="clan-slider-tips-qq">
                    <img src="./assets/imgs/temp/wchart-yd.jpg">
                </div>
            </li>
            <li class="hidden-xs">
                <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=54350970&amp;site=qq&amp;menu=yes"
                    id="slider-qq">
                    <span class="iconfont icon-wmkjwechat-fill"></span>
                </a>
                <div class="clan-slider-tips-wechat">
                    <img src="./assets/imgs/temp/wchart-yd.jpg">
                </div>
            </li>
            <li class="hidden-xs">
                <a id="slider-phone" href="javascript:void(0);">
                    <span class="iconfont icon-wmkjphone-fill"></span>
                </a>
                <div class="clan-slider-tips">
                    18810888729
                </div>
            </li>
            <li class="hidden-xs">
                <a id="slider-phone" href="javascript:void(0);">
                    <span class="iconfont icon-wmkjemail-fill"></span>
                </a>
                <div class="clan-slider-tips">
                    18810888729
                </div>
            </li>


            <li><a id="slider-goTop" href="javascript:void(0);" style="display: none;">
                    <span class="iconfont icon-wmkjictotop"></span>
                </a>
            </li>
            <!--
        <li class="visible-xs-block">
            <a id="slider-menu" href="javascript:void(0);"></a>
        </li>
        -->
        </ul>
    </div>
    <!-- 返回顶部滑块 -->

    <!-- END 合作客户-->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <!-- <script src="https://at.alicdn.com/t/font_2832234_1mzzxrj78vd.js"></script> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/Swiper/4.3.5/js/swiper.min.js"></script>
    <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
    <!-- <script src="./assets/index.js"></script> -->
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery_lazyload/1.9.7/jquery.lazyload.min.js"></script>
    <script src="./cases.js"></script>
    <script>
        // AOS.init();
        $("img.lazy").lazyload();
        var swiper = new Swiper(".mySwiper", {
            spaceBetween: 10,
            slidesPerView: 4,
            freeMode: true,
            watchSlidesProgress: true,
        });



        var swiper2 = new Swiper(".mySwiper2", {
            spaceBetween: 10,
            navigation: {
                nextEl: ".swiper-button-next",
                prevEl: ".swiper-button-prev",
            },
            thumbs: {
                swiper: swiper,
            },
        });
    </script>
</body>